<template>
   <view class="mons">
		<view class="top">
			<view class="head">
				<image src="../../static/img/3/3-105.png" mode="widthFix"></image>
			</view>
			<view class="name">
				{{user.cUserName}}
			</view>
		</view>
		<view class="list">
			<navigator url="/pages/user/userPhone" class="li">
				绑定手机号
				<view class="rig">
					<text>{{user.cPhone}}</text>
				</view>
			</navigator>
			<navigator url="/pages/user/payPass" class="li">
				修改支付密码
				<view class="rig">
					<image src="../../static/img/3/3-99.png" mode="widthFix"></image>
				</view>
			</navigator>
			<navigator url="/pages/user/mpass" class="li">
				免密支付
				<view class="rig">
					<image src="../../static/img/3/3-99.png" mode="widthFix"></image>
				</view>
			</navigator>
			
		<navigator url="/pages/user/card" class="li">
			门店会员卡
			<view class="rig">
				<image src="../../static/img/3/3-99.png" mode="widthFix"></image>
			</view>
		</navigator>
			<navigator class="li">
				商城登录设置
				<view class="rig">
					<image src="../../static/img/3/3-99.png" mode="widthFix"></image>
				</view>
			</navigator>
			
			<navigator class="li">
				微信解绑
			</navigator>
		</view>
   </view>
</template>

<script>
    export default {
        name: "",
        components:{
            
        },
        data(){
            return {
                user:null
            }
        },
		onLoad() {
			var that = this;
			that.$Request.post(
				that.$api.httpApi.user.userinfo+'&token='+that.$SysCache.get('token'),
				).then(res=>{
					if(res.code == 200){
						that.user=res.data;
					}
				});	
		}

    }
</script>

<style scoped>
	.list .li{
		margin-bottom: 1px;
		background: #fff;
		padding-left: 20rpx;
		padding-right: 20rpx;
		padding-bottom: 30rpx;
		padding-top: 30rpx;
		font-size:30rpx;
		font-family:Microsoft YaHei;
		font-weight:400;
		color:rgba(102,102,102,1);
	}
	.list .li .rig{
		display: inline-block;
		float: right;
	}
	.list .li .rig image{
		display: inline-block;
		width: 16rpx;
		vertical-align: middle;
		margin-left: 19rpx;
	}
		.list .li .rig text{
			display: inline-block;
			vertical-align: middle;
		}
	uni-page-body{
		height: 100%;
	}
	.mons{
		min-height: 100%;
		background: #EEEEEE;
	}
	.top{
		background: url(../../static/img/3/3-35.png) no-repeat;
		background-size: 100% 100%;
		padding-top: 65rpx;
		padding-bottom: 65rpx;
	}
	.head{
		width:124rpx;
		height:124rpx;
		display: block;
		background:rgba(255,255,255,0.53);
		border:1px solid rgba(255, 255, 255, 0.53);
		border-radius:50%;
		margin: auto;
	}
	.head image{
		display: block;
		width:102rpx;
		height:102rpx;
		background:rgba(255,255,255,1);
		border-radius:50%;
		margin: auto;
		margin-top: 10rpx;
	}
	.name{
		text-align: center;
		font-size:28rpx;
		font-family:Microsoft YaHei;
		font-weight:400;
		color:rgba(255,255,255,1);
		margin-top: 17rpx;
	}
</style>
